body
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ececec;
	margin: 15px;
}

div.clear
{
	clear: both;
}
.green
{
	color: #33A22C;
}
.red
{
	color: #a2332c;
}

div#wrapper
{
	width:800px;
	margin: auto;
}
div#wrapper > canvas
{
	float: left;
	width: 500px;
	background: #FFFFFF;
}
div#wrapper > div#games_list
{
	float: left;
	width: 500px;
	height: 500px;
	background: #FFFFFF;
}
div#wrapper > div#games_list > div.game
{
	width:300px;
	margin: auto;
	padding: 10px;
}
div#wrapper > div#games_list > div.game > div.name
{
	float:left;
	width: 100px;
}
div#wrapper > div#games_list > div.game > div.players
{
	float:left;
	width: 50px;
}
div#wrapper > div#games_list > div.game > button
{
	float:left;
	margin: 0 10px;
}
div#wrapper > div#right_column
{
	margin: 0 0 0 10px;
	float: left;
	width: 200px;
}
div#wrapper > div#right_column > div.title
{
	border-bottom: 1px solid #333;
	font-weight: bold;
}
div#wrapper > div#right_column > div#socket_status
{
	font-weight: bold;
	margin: 5px 0 10px 10px;
}
div#wrapper > div#right_column > div#users_list
{
	margin: 5px 0 10px 10px;
}
